<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>图片拼接</title>
    <link rel="stylesheet" type="text/css" href="/static/css/splicing.css">
    <script src="/static/js/jquery.min.js"></script>
    <script src="/static/lib/layer/layer.js"></script>
    <script src="/static/js/HashMap.js"></script>
    <script>
        let url_img = '{% url 'img:splicingImg' %}'
    </script>

    <script src="/static/js/splicing.js"></script>
</head>
<body class="background">
<div>
    <div class="div1">
        <div>
            横向拼接数: <input type="number" name="splicing_w" min="1" max="4">
        </div>
        <div>
            纵向拼接数: <input type="number" name="splicing_h" min="1" max="4">
        </div>
    </div>
    <div>
        <button class="btn_1" onclick="onChooseClick()">确定</button>
    </div>
</div>
<hr>
<div id="img_list">
<!--    <div class="zone-list-box">-->
<!--        <div class="item">-->
<!--            <img src="img/addimg.png" class="img_view">-->
<!--        </div>-->
<!--        <div class="item"></div>-->
<!--        <div class="item"></div>-->
<!--    </div>-->
<!--    <div class="zone-list-box">-->
<!--        <div class="item">-->
<!--            <img src="img/addimg.png" class="img_view">-->
<!--        </div>-->
<!--        <div class="item"></div>-->
<!--        <div class="item"></div>-->
<!--    </div>-->
</div>
<div style="margin-top: 20px">
    <hr>
    <button onclick="submitSplicing()">提交拼接</button>
</div>
</body>
</html>
